iT邦幫忙

2024 iThome 鐵人賽

DAY 22
0
自我挑戰組

利用 node.js/express 架設網站系列 第 22

Day-22 新增購物車功能

  • 分享至 

  • xImage
  •  

今天要來完善購物車的功能:
首先,我把「加入購物車」這項功能完成了:
https://ithelp.ithome.com.tw/upload/images/20241006/20169465vA8W9o2nHj.png
這項功能可以在當你按下「加入購物車」時,讓購物車的陣列可以多一項商品,並自動將你導航至購物車的頁面。
接著我新增了「清空購物車」的按鈕,這樣在你想要取消購買時,可以一鍵清空:
https://ithelp.ithome.com.tw/upload/images/20241006/20169465QRVrUrnlIZ.png
在接下來,我會將商品的資訊放進資料庫,這次我選擇使用mongoDB來當作我的資料庫,所以下一步就是先安裝資料庫:npm install mongoose
安裝完成之後,就需要更改程式碼,使其能夠與資料庫連接:
https://ithelp.ithome.com.tw/upload/images/20241006/20169465AaUNOzTujj.png
https://ithelp.ithome.com.tw/upload/images/20241006/20169465kzzgwerDod.png
接著明天就能來安裝mongoDB了


上一篇
Day-21 應用初步規劃以及實作
下一篇
Day-23 連接資料庫與製作登入功能
系列文
利用 node.js/express 架設網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言